<template>
  <div class="main-layout-header flex items-center w-full justify-between">
    <div class="flex items-center">
      <CollapseIcon></CollapseIcon>
      <p class="text-[#333] text-2xl font-bold font-[DingTalk]">
        杭州市财政金融科创“五位一体”数据管理平台
      </p>
    </div>
    <div class="text-sm font-bold flex items-center">
      <EchartIcon></EchartIcon>
      <Notify></Notify>
      <el-divider direction="vertical" />
      <VDropdown></VDropdown>
    </div>
  </div>
</template>
<script setup>
import CollapseIcon from '../CollapseIcon/Index.vue'
import VDropdown from './components/VDropdown.vue'
import Notify from './components/Notify.vue'
import EchartIcon from './components/EchartIcon.vue'
</script>
<style lang="less">
.main-layout-header {
  .el-divider {
    border-color: #979797;
  }
}
</style>
